import React, { FC } from "react";
import { QuestionInputPropsType, QuestionInputDefaultProps } from "./interface";
import { Typography, Input } from "antd";

const { Text, Paragraph } = Typography;
const QuestionInput: FC<QuestionInputPropsType> = (
  props: QuestionInputPropsType
) => {
  const { title, placeholder } = { ...QuestionInputDefaultProps, ...props };

  return (
    <div>
      <Paragraph>
        <Text strong>{title}</Text>
      </Paragraph>

      <div>
        <Input placeholder={placeholder} />
      </div>
    </div>
  );
};
export default QuestionInput;
